<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
	
	<h:head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	</h:head>		
	
	<h:body>
		   <ui:composition template="/XHTML/CommonColumnsContent.xhtml">
			<!-- <ui:define name="header">
				<ui:include src="/WEB-INF/facelets/header.jspx" />
			</ui:define> -->
        	<br/>
        	<br/> 	
		 
		 <ui:define name="body">	
			<f:view>
			<!-- <p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>               
					<p:dialog modal="true" widgetVar="statusDialog" header="Loading"  draggable="false" closable="false">  
   						<p:graphicImage value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/ajaxloadingbar.gif" />   
					</p:dialog> -->
			
		<h:form>
			<!-- <div align="center">
               <h:link id="cmdBack" outcome="goInitialMenu" value="Back" style="color:blue;" />
			 </div> -->
			 <br />
			<p:panel id="pandelTCon" header="Tipo Contacto" >
			   <!-- <p:messages id="msg" showDetail="true"/>
			   <p:growl id="men"/> -->
			   
			   <h:panelGrid>
			   
			   <p:dataTable id= "tipoCont" value = "#{tipoContactoView.data}"
			   var = " tipoContacto" selection ="#{tipoContactoView.selectedTipoContacto}"
			   paginator = "true" rows = "10">
			   
			   <p:column headerText = " ID Tipo Contacto">
			   <h:outputText value = "#{tipoContactoView.txtIdTico}"/>
			   </p:column>
			   
			    <p:column headerText = " Descripción">
			   <h:outputText value = "#{tipoContactoView.txtDescripcion}"/>
			   </p:column>
			   
			    <p:column headerText = "Estado Registro">
			   <h:outputText value = "#{tipoContactoView.txtEstadoRegistro}"/>
			   </p:column>
			   
			   </p:dataTable>
			   
			   <p:dialog id = "dialog" header = "Tipo Contacto"
			   widgetVar = " singleDialog" resizable = "false"
			   showEffect = "fade" hideEffect = "explode">
			   
			
			  
			       <h:panelGrid columns="2" id="panel" >
												 <h:outputText id="msgIdTico" value="ID Tipo de Contacto"/>
						 <p:inputText id="txtIdTico" binding="#{tipoContactoView.txtIdTico}">
						 <p:ajax update="panel,msg,panelBotones" listener="#{tipoContactoView.listener_txtId}"/>
						 </p:inputText>	
						 
						 <h:outputText id= "msgdescripcion" value = " Descripción"/>
						 <p:inputTextarea id = "txtDescripcion" disabled = "true" binding="#{tipoContactoView.txtDescripcion}"/>
																		
					<h:outputText id="msgEstadoRegistro" value=" Estado Registro" />
					<p:selectOneMenu value="#{tipoContactoView.txtEstadoRegistro}">
								<f:selectItem itemLabel="A" itemValue="A" />
								 <f:selectItem itemLabel="R" itemValue="R" /> 
							</p:selectOneMenu>
						
												
				   </h:panelGrid>
				   
				   <h:panelGrid id="panelBotones" columns="4">
					
						<p:commandButton id="btnSave" disabled="true" value="Save" action="#{tipoContactoView.action_save}" update="msg,panel,panelBotones"          binding="#{tipoContactoView.btnSave}" />
						<p:commandButton id="btnModify" disabled="true" value="Modify" action="#{tipoContactoView.action_modify}" update="msg,panel,panelBotones"    binding="#{tipoContactoView.btnModify}" />
						<p:commandButton id="btnDelete" disabled="true" value="Delete" action="#{tipoContactoView.action_delete}" update="msg,panel,panelBotones"    binding="#{tipoContactoView.btnDelete}" onclick="return confirm('Do you really want to delete this Entry?')" />
						<p:commandButton id="btnClear" disabled="false" value="Clear" action="#{tipoContactoView.action_clear}" update="msg,panel,panelBotones"      binding="#{tipoContactoView.btnClear}" />
				   
				   </h:panelGrid>
				   
				      </p:dialog>
				   
				    </h:panelGrid>
					
			</p:panel>
			
		</h:form>
		 </f:view>
	 </ui:define>	  
	
	  <ui:define name="footer">
		 <ui:include src="/WEB-INF/facelets/footer.jspx" />
	   </ui:define>	
	</ui:composition>	
	
	</h:body>	

</html>	